<template>
	<view>
		<view class="bg">
			<view class="mode" style="color: #666666;line-height: 60rpx;">
                  <view style="font-size: 32rpx;font-weight: bold;">
                  	订单信息
                  </view>
				<view>
					订单编号:{{info.outTradeNo}}
				</view>
				<view v-if="info.cn">
					车牌信息:{{info.cn}}
				</view>
				<view>
					地址:{{info.storeAddress}}
				</view>
				<view>
					服务时间:{{info.minute}}分钟
				</view>
				<view v-if="info.freeTime">
					免费时长:{{info.freeTime}}分钟
				</view>
				
				
				<view style="display: flex;justify-content: flex-end;">
					<view class="" >
						<view>创建时间：￥{{info.createTime}}</view>
						<view>支付时间：￥{{info.payTime}}</view>
						<view>订单金额：￥{{info.totalMoney}}</view>
						<view>优惠金额：￥{{info.saleMoney}}</view>
						<view>已支付：￥{{info.balance}}</view>
					</view>
				</view>
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
info:{
	
}
			}
		},
		onLoad(options) {
			if (options.info) {
				var info = JSON.parse(decodeURIComponent(options.info))
				this.info=info
			}
		}
	}
</script>

<style>
	.bg {
		width: 750rpx;
		height: 200rpx;
		background: linear-gradient(-5deg, #0064C6, #2190FB);
		display: inline-block;
	}
	.mode{
		width: 695rpx;
	
		background: #FFFFFF;
		box-shadow: 6rpx 8rpx 8rpx 1rpx rgba(201, 201, 201, 0.19);
		border-radius: 12rpx;
		background: #FFFFFF;
		margin: 80rpx auto;
		padding: 30rpx;
	}
	
</style>
